/* RESET BROWSERSTYLE */
@charset "utf-8";

/* 	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Roboto', Verdana, Tahoma, sans-serif;
	}
 */	
 
 
 
 /* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/roboto-v30-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-500.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-v30-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}







 
 
 
 
 
 
	
html, body {
		color: #707070;
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
		font-family: 'Roboto', Verdana, Tahoma, sans-serif;
		background: #f7f7f7;
	}

.label {padding-bottom: .2em; padding-top: 0.2em;
	}

h1, h2, h3, h4, h5, h6, a, p, ul, ol {font-family: 'Roboto', Verdana, Tahoma, sans-serif;}



body, select, textarea {
		font-size: 14px;
		font-weight: 400;
		line-height: 1.4em;
		
	}

html, body {overflow-x:hidden; width: 100%; margin: 0 auto;height:100%;}


h1, h2, h3 {
		color: #787878;
		font-weight: 400;
		line-height: 1em;
		margin: 0 0 0.5em 0;
	}
	
h4, h5, h6 {
		color: #787878;
		font-weight: 400;
		line-height: 1em;
		margin: 0 0 0 0;
	}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: inherit;text-decoration: none;}
h1 {font-size: 2em;line-height: 1.5em;}
h2 {font-size: 1.5em;line-height: 1.5em;}
h3 {font-size: 1.25em;line-height: 1.5em;}
h4 {font-size: 2em;line-height: 1.5em;}
h5 {font-size: 1.5em;line-height: 1.5em;}
h6 {font-size: 1.25em;line-height: 1.5em;}


p {margin: 10px 0;}

ol {margin: 6px 0;}

ol li {line-height: 1.0em; border: 0; padding: 3px 0; margin: 0 0 0 22px;}

ul {list-style: none;}

/*ul {
list-style-image: url(images/liste_nav.gif); margin: 6px 0; padding-top: 2px; border-top: 0px solid; border-color: #ffffff;color: #fff; 
}
*/

ul li {border: 0; padding: 3px 0; margin: 0 0 0 0px;line-height: 1.3em;}

hr {border: 0;border-bottom: dotted 1px #339933;margin: 1em 0;clear: both;}



a:link {color: #787878; text-decoration: none;}
a:visited {color: #787878; text-decoration: none;}
a:hover {color: #49bf9d; text-decoration: none;}
a:active {color: #787878; text-decoration: none;}
a:focus {color: #787878; text-decoration: none;}

#kopf {
color: #ccc; font-size: 12px; margin-bottom: 3em; padding: 0px;border-bottom: 1px dotted #339933;width: 100%;height: auto; text-align: center; padding-bottom: 2em; padding-top: 2em;background: #c1e0c1;position:relative;
}

#kopflinks {
color: #ccc; margin-bottom: 1em; margin-top: 2em; width: 100%;text-align: center; position: relative; top: 0;left: 2em;
}

#footerbox{background-color: #cee7ce; color:#787878;position: fixed; bottom: 0; left:0;height: auto;border-top:2px solid #ffffff;width: 100%;margin-top: 50px;text-align: center; padding-top: 5px;padding-bottom: 5px; font-size: 70%;}

#footerbox a:link {font-weight:400;color:#787878;}
#footerbox a:visited {font-weight:400;color:#787878;}
#footerbox a:hover {font-weight:600;color:#787878;}


#nach_oben{width: 30px; height: 30px; position: fixed; right:5px; bottom: 40px;background-image: url("./images/nach_oben.png");background-repeat: no-repeat;}

#nach_unten{width: 35px; height: 30px; position: fixed; left:5px; top: 10px;background-image: url("./images/nach_unten.png");background-repeat: no-repeat;}

#schliessen{width: 35px; height: 30px; position: fixed; left:5px; top: 10px;background-image: url("./images/schliessen.png");background-repeat: no-repeat;display: none;}


#content a:link {
		-moz-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-webkit-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		-ms-transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		transition: color 0.2s ease-in-out, border-color 0.2s ease-in-out;
		color: #49bf9d;
		text-decoration: none;
	}



#content a:visited {color: #49bf9d; text-decoration: none;}
#content a:hover {color: #49bf9d; text-decoration: none;}
#content a:active {color: #49bf9d; text-decoration: none;}
#content a:focus {color: #49bf9d; text-decoration: none;}

#content_sub {padding-top:0px;padding-left:0px;padding-right:0px;}

#content ul {
list-style-image: url(images/liste.gif); margin: 6px 0; padding-top: 2px; border-top: 1px solid;border-color: #000000;color: #444;
}

#content ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 15px;}

#content_sub ul {list-style-image: url(images/liste.gif); margin: 6px 0; padding-top: 2px; border-top: 1px solid;border-color: #000000;color: red; }
#content_sub ul li {line-height: 1.2em; border: 0; padding: 3px 0; margin: 0 0 0 17px; }

#suchen{padding-left:0.5em;padding-top: 1em;}
#update {font-size : 80%;border-top : 0px solid #fff;margin-top: 1em;margin-bottom: 4em;color: #fff; padding-top: 1em; padding-left: 1em;}

.navMain a:link {display: block;}
.navMain #kopflinks a:hover {padding:0;}

.navMain, #content { 
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out;
}

.navMain {
	width:240px;
	position:absolute;
	left:-300px;
	top: 0;
	border-right: 0px solid;
	overflow-y: auto;
	height: 100%;
		
}

#content {
	
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
padding-bottom:100px;
	width: 100%;
	
}

#contentin {
	
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	width: 90%;
	margin: 0 auto
}

#wrapper{width:100%;margin: 0 auto;}


#openBtn, 
#closeBtn {
	width:100%; 
	height:20px; 
	margin-top:5px; 
	color:white; 
	padding-left:20px;
}

#openBtn {
	background:green; 
	display:block;
}

#closeBtn {
display:none;
}


/* wenn Navi eingeblendet ist */

#openNav:target .navMain {
left:0;padding-left: 10px; padding-right: 10px;background-color: #c1e0c1; border-right: 1px dotted #339933; height: 100%; top: 0;overflow-x: hidden; min-height: 700px;
}

#openNav:target #content {
	margin-left:320px;
	position:fixed;
	opacity: 0.1;
}

#closeBtnzu {display:none;}

#openNav:target #openBtn {display:none;}

#openNav:target #nach_unten {display:none;}

#openNav:target #schliessen {display:block;}


#openNav:target #closeBtn {
	display:block; width: auto; padding-top: 0px; height: 29px; border-bottom: 0px solid; color: #D3D3D3;font-size: 2em;
}

#openNav:target ul li {
line-height: 1.3em;
}



/* Button */

	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	button,
	.button {
		cursor: pointer;
		background-color: #0071c1;
		border-radius: 0em;
		text-align: center;
		color: #fff;
		text-decoration: none;
		line-height: 2.5em;
		padding-left: 0.8em;
		padding-right: 0.8em;
		border-style: none;
		height: 2.5em;
border-radius: 3px;
		-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
		transition: background-color .25s ease-in-out, color .25s ease-in-out;
	}

		input[type="button"]:disabled, input[type="button"].disabled,
		input[type="submit"]:disabled,
		input[type="submit"].disabled,
		input[type="reset"]:disabled,
		input[type="reset"].disabled,
		button:disabled,
		button.disabled,
		.button:disabled,
		.button.disabled {
			opacity: 0.35;
			cursor: default;
		}

		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		button:hover,
		.button:hover {
			background-color: #0071c1;
			color: #fff;
		}

		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		button:active,
		.button:active {
			background-color: #0071c1;
		}

		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		button.alt,
		.button.alt {
			background-color: #0071c1;
		}

			input[type="button"].alt:hover,
			input[type="submit"].alt:hover,
			input[type="reset"].alt:hover,
			button.alt:hover,
			.button.alt:hover {
				background-color: #0071c1;
			}

			input[type="button"].alt:active,
			input[type="submit"].alt:active,
			input[type="reset"].alt:active,
			button.alt:active,
			.button.alt:active {
				background-color: #0071c1;
			}




/* Form */



	form input[type="text"],
	form input[type="email"],
	form input[type="password"],
	form select,
	form textarea {
		
		border-radius: 0.4em;
		width: 90%;
		border: solid 1px #ddd;
		padding: 0.5em 0.75em;
background-color: #fff;
		
		line-height: 1.25em;
	}

		form input[type="text"]:focus,
		form input[type="email"]:focus,
		form input[type="password"]:focus,
		form select:focus,
		form textarea:focus {
		}


#ka_fl_pa0 {padding: 1em;padding-top: .5em;float:left;width:95%;border:1px dotted #339933;border-radius: 5px;margin-bottom:.5em;margin-top:2em;}
#ka_fr_pa0 {padding: 1em;padding-top: .5em;float:right;width:95%;border:1px dotted #339933;border-radius: 5px;margin-bottom:.5em;margin-top:2em;}
#ka_fm_pa0 {padding: 1em;padding-top: .5em;float:left;width:95%;border:1px dotted #339933;border-radius: 5px;margin-bottom:2em;margin-top:2em;}






@media screen and (max-width: 550px) {

#ka_fl_pa0 {padding: 1em;padding-top: .5em;float:left;width:90%;border:1px dotted #339933;border-radius: 5px;margin-bottom:.5em;margin-top:2em;}
#ka_fr_pa0 {padding: 1em;padding-top: .5em;float:right;width:90%;border:1px dotted #339933;border-radius: 5px;margin-bottom:.5em;margin-top:2em;}
#ka_fm_pa0 {padding: 1em;padding-top: .5em;float:left;width:90%;border:1px dotted #339933;border-radius: 5px;margin-bottom:2em;margin-top:2em;}

#kopflinks {left: 0.8em;}

}



@media screen and (min-width: 900px) {
.navMain {
	width:20%;
	position:absolute;
	left:0;
	top: 0;
	height: 100%;
	overflow-y: auto;
	padding-left: 2em;
	padding-right: 2em;
	font-size: 100%;
	min-height: 700px;
	
	max-width: 230px;
	border-right: 1px dotted #339933;
	background: #cee7ce;
	overflow-x: hidden;
}
#content {
	
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	width: 95%;
	height: 100%;
}

#contentin {
	
	padding-left:0px;
	padding-right:0px;
	padding-bottom: 30px;
	width: 70%;
	margin: 0 auto
	margin-left: 10em;
}
#wrapper{
width:100%;padding: 0%;margin: 0 auto; padding-left: 10em; margin-top: 2em;}

#kopf{display: none;}
#nach_unten{display: none;}


#ka_fl_pa0 {padding: 1em;padding-top: .5em;float:left;width:44%;border:1px dotted #339933;border-radius: 5px;margin-bottom:.5em;margin-top:2em;}
#ka_fr_pa0 {padding: 1em;padding-top: .5em;float:right;width:44%;border:1px dotted #339933;border-radius: 5px;margin-bottom:.5em;margin-top:2em;}
#ka_fm_pa0 {padding: 1em;padding-top: .5em;float:left;width:100%;border:1px dotted #339933;border-radius: 5px;margin-bottom:2em;margin-top:2em;}

}